html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, p, form, fieldset, input {margin:0; padding:0;}

body {font-family:Arial; size:11pt;
      background: url(/site-media/images/background_slice.gif) repeat-x;
      background-color:#EEE;}

ul {list-style-type:none;}
a {color:#0033CC; outline:0; text-decoration:none;}
a img {border:none;}
h2 {font-size:30px; font-weight:normal;}

#header {height:100px; position:relative; padding-left:30px;}
#content-wrapper {
    background-color:#EEE;
    margin:0 auto;
    min-width:800px;
    padding:12px 23px 0 30px;    
    text-align:center;
}
#main {
    background-color:#FFF;
    border:1px solid #CCC;
    float:left;
    text-align:left;
    width:65%;
}
#sidebar {
    background-color:#FFF;
    border:1px solid #DEEEF3;
    float:right;
    text-align:left;
    width:34%;
}

/* Navigation */

#main-nav {position:absolute; bottom:0;}
#main-nav li {float:left; margin-right:3px;}
#main-nav a {
    background-color:#939DAC;
    color:#FFF;
    float:left;
    padding:3px 8px 5px;
    text-align:center;
    width:100px;
}
#main-nav .current a {background-color:#EEE;color:#0D649B; }

#main-nav li.with-space {margin-right:20px;}

.party-wrapper {padding:10px; border-bottom:1px solid #EFEFEF;}

#party {padding:20px 60px 0 20px;}
#interaction-controls {margin-top:20px;}
#interactions {margin-top:20px;}
#interactions {padding:0px 60px 0 20px;}
.interaction-wrapper {padding:10px 0; border-bottom:1px solid #EFEFEF;}
.permalink {font-size:13px; margin-bottom:10px;}

.avatar {float:left;}
.avatar img {border:1px solid #EFEFEF;}

.info {float:left; margin-left:15px;}
.info h3 {font-size:16px; font-weight:normal;}

#add-party-wrapper {padding:10px; background-color:#F6F6F6;}

/* --------  Buttons   --------- */

.btn {
    display: inline-block;
    background: none;
    margin: 0;
    padding: 3px 0;
    border-width: 0;
    overflow: visible;
    text-decoration: none;
    color: #333;
    font-size:14px;
}

* html button.btn {padding-bottom: 1px;}
html:not([lang*=""]) button.btn {margin: 0 -3px;}
.btn span {
    background: #DDD url(/site-media/images/bg-button.gif) repeat-x 0 0;
    margin: 0;
    padding: 3px 0;
    border-left: 1px solid #BBB;
    border-right: 1px solid #AAA;
}
* html .btn span {padding-top: 0;}
.btn span span {
    position: relative;
    padding: 3px .4em;
    border-width: 0;
    border-top: 1px solid #bbb;
    border-bottom: 1px solid #aaa;
}
.btn:hover span, 
.btn:hover span span, 
.btn:focus span, 
.btn:focus span span {cursor: pointer; border-color: #9CF !important; color: #000;}
.btn:active span {background-position: 0 -400px; outline: none;}
.btn:focus, .btn:active {outline: none;}

/*--------------- Forms ----------------*/
#add-interaction-wrapper {margin-top:20px; padding:0 60px 30px 20px;}
#add-interaction-wrapper table {width:100%;}

textarea {width:100%;}
label.req {font-weight:bold;}
a.cancel {font-size:12px; color:#FF0000;text-decoration:underline;}

.icon {width:70px; vertical-align:top;}


/*-------------- Task ---------------------*/

.task-wrapper {margin-bottom:20px;}
.completed .task-body {text-decoration:line-through; color:#AAA;}
.completed input {border-color:#AAA;}
.checkbox {float:left; width:18px;}


/*------------- Utile classes -------------*/
.clear {clear:both;}
.right {float:right;}
.left {float:left;}